* {
    margin: 0;
    padding: 0;
    list-style: none;
}

a {
    text-decoration: none;
    color: black;
}

header {
    width: 100%;
    height: 1.333333rem;
    background-color: orange;
}

header img:nth-of-type(1) {
    position: absolute;
    left: .666667rem;
    top: .4rem;
    width: 4.933333rem;
    height: .666667rem;
}

header img:nth-of-type(2) {
    position: absolute;
    left: 8.666667rem;
    width: .906667rem;
    height: .906667rem;
    top: .2rem;
}

#search {
    height: 1.333333rem;
    border-bottom: .026667rem solid #ccc;
}

#search input {
    border-radius: .533333rem;
    margin-left: .333333rem;
    width: 8.333333rem;
    height: .8rem;
    background-color: #e5e5e5;
    border: 0;
    margin-top: .266667rem;
}

#search button {
    border-radius: .533333rem;
    background-color: orange;
    color: #fff;
    width: 2rem;
    height: .8rem;
    position: absolute;
    right: .5rem;
    margin-top: .266667rem;
    border: 0;
}

#menu {
    height: 8.266667rem;
}

#menu ul {}

#menu ul li {
    float: left;
    padding: .266667rem;
}

#menu ul p {
    padding-top: .026667rem;
    padding-bottom: .133333rem;
    text-align: center;
    font-size: .346667rem;
}

#menu img {
    padding-left: .3rem;
    padding-right: .3rem;
    width: 1.333333rem;
}

.navigation {
    height: .933333rem;
    background-color: orange;
    line-height: .933333rem;
}

.navigation span {
    text-align: left;
    font-size: 20px;
    color: #fff;
    font-weight: bolder;
    margin-left: .233333rem;
}

.navigation img {
    width: .533333rem;
    position: relative;
    top: .113333rem;
    left: 5.666667rem;
}

#recommen ul li {}

#recommen ul li img {
    width: 3rem;
}

#recommen ul li>span {
    display: inline-block;
    color: #333333;
    font-size: 14px;
    position: relative;
    top: -80px;
    left: 50px;
}

#recommen ul li span:nth-of-type(1) span {
    color: red;
}

#footer {
    background-color: rgb(244, 244, 244);
}

#footer a {
    display: block;
    width: 9.466667rem;
    height: .626667rem;
    line-height: .626667rem;
    border: 1px solid #ccc;
    border-radius: .233333rem;
    color: black;
    text-align: center;
    margin: auto;
    padding: .066667rem 0;
    margin-bottom: .533333rem;
    transform: translateY(.26666rem);
}

#footer img {
    width: .533333rem;
    position: relative;
    top: .113333rem;
    left: 6.666667rem;
}

#footer div {
    margin-bottom: .533333rem;
}

#footer #dibu span {
    display: block;
    float: left;
    text-align: center;
    border: .026667rem solid #ccc;
    width: 3.28rem;
    height: .88rem;
    line-height: .88rem;
    margin-bottom: .266667rem;
}

#footer #dibu p {
    text-align: center;
    margin-bottom: .266667rem;
}

#banner {
    width: 100%;
    height: 1.066667rem;
    line-height: 1.066667rem;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
    background-image: -o-linear-gradient(top, #fff, #ccc);
    background-image: linear-gradient(to bottom, #fff, #ccc)
}

#banner span {
    color: #666;
    font-size: .346667rem;
    margin-left: .266667rem
}

#banner button {
    width: 1.6rem;
    height: .8rem;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#ccc));
    background-image: -o-linear-gradient(bottom, #fff, #ccc);
    background-image: linear-gradient(to top, #fff, #ccc);
    position: absolute;
    right: .266667rem;
    border: 1px solid #ccc;
    border-radius: .166667rem;
    margin-top: .166667rem
}

#main {
    background-color: #fff;
}

#main div {
    height: .986667rem;
    line-height: .986667rem;
    font-size: 16px;
    padding-left: .266667rem;
    border-bottom: .026667rem solid #ccc;
}

#main div ul li {
    float: left;
}

#main ul li {
    border-bottom: 1px solid #dbdbdb;
}

#main ul li>img {
    width: 4.533333rem;
    height: 4.533333rem;
    margin-left: 2.866667rem;
}

#main ul li span:nth-of-type(1) {
    display: block;
    width: 9.466667rem;
    font-size: .48rem;
    color: #333333;
    padding-left: .266667rem;
}

#main ul li span:nth-of-type(2) {
    height: 1.333333rem;
    line-height: 1.33333rem;
}